
## 使用svg图标



- iconfont优点
    - 多个图标,一套字体，减少获取时的请求数量和体积
    - •矢量图形，可伸缩
    - 直接通过CSS修改样式（颜色，大小等）


- svg图标优点
    - 拯救移动端图标
    - 保持了图片能力，支持多色彩
    - 独立的矢量图形
    - XML语法， 搜索引擎SEO和无障碍读屏软件读取


## 骨架屏
- 提升用户感知性能

- 使用react-placeholder
    - 预置的placeholders
    - 自定义placeholder

## Windowing (窗口化）提高列表性能

windowing的作用
- 加载大列表、 大表单的每一行严重影响性能
- Lazy loading仍然会让DOM变得过大
- windowing只渲染可见的行，渲染和滚动的性能都会提升

- 使用react-window
    - 配置一个一维列表 List
    - 配置一个二维列表 Grid
    - 配置滚动到指定元素